<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="ie=edge,chrome=1">
    <meta name="viewport" content="width=device-width, initial-scale=1.0, user-scalable=0, minimum-scale=1.0, maximum-scale=1.0">
    <mate name="flexibel" content="initial-drl=1"/>
    <meta name="apple-mobile-web-app-capable" content="yes">
    <meta name="apple-touch-fullscreen" content="yes">
    <meta name="format-detection" content="telephone=no">
    <!--<script type="text/javascript">var cnzz_protocol = (("https:" == document.location.protocol) ? " https://" : " http://");document.write(unescape("%3Cspan style='display:none;' id='cnzz_stat_icon_1273552595'%3E%3C/span%3E%3Cscript src='" + cnzz_protocol + "s13.cnzz.com/z_stat.php%3Fid%3D1273552595%26show%3Dpic' type='text/javascript'%3E%3C/script%3E"));</script>-->
    <script type="text/javascript">var cnzz_protocol = (("https:" == document.location.protocol) ? " https://" : " http://");document.write(unescape("%3Cspan style='display:none;' id='cnzz_stat_icon_1273552595'%3E%3C/span%3E%3Cscript src='" + cnzz_protocol + "s19.cnzz.com/z_stat.php%3Fid%3D1273552595' type='text/javascript'%3E%3C/script%3E"));</script>

    <script type="text/javascript">
        var cnzz_protocol = (("https:" == document.location.protocol) ? " https://" : " http://");document.write(unescape("%3Cspan style='display:none;' id='cnzz_stat_icon_"+<!--{$channelID}-->+"'%3E%3C/span%3E%3Cscript src='" + cnzz_protocol + "s19.cnzz.com/z_stat.php%3Fid%3D"+<!--{$channelID}-->+"' type='text/javascript'%3E%3C/script%3E"));
    </script>
    <!--留存统计-->
    <script type="text/javascript" src="https://hy.yixueqm.com/zhiming/index.php/Home-Interface-remain?typeName=XM&nickName=姓名测算&channel=<!--{$Think.cookie.channel}-->&uid=<!--{$Think.cookie.uid}-->"></script>

    <title>姓名影响你的一生</title>
    <!--[if lt IE 9]>  
        <script src="http://cdn.bootcss.com/html5shiv/r29/html5.js"></script>
        <script src="https://cdn.bootcss.com/respond.js/1.4.2/respond.min.js"></script>
    <![endif]-->    

    <link rel="stylesheet" href="__PUBLIC__/css/ZM_share.css" />
    <link rel="stylesheet" href="__PUBLIC__/css/YD_calendar.min.css"/>
    <script src="__PUBLIC__/js/YD_calendar.min.js"></script>
    <script src="__PUBLIC__/js/jquery.min.js"></script>
    <script src="__PUBLIC__/js/layer/layer.js"></script>
    <script type="text/javascript" src="__PUBLIC__/js/rem.js"></script>
    <script src="https://res.wx.qq.com/open/js/jweixin-1.2.0.js"></script>

    <style>
        body{background-color:#FAEFEB;}
        main{
            padding:0 0.2rem 0.3rem;
        }
        .main_title{
            width:100%;
            padding:0.2rem;
            box-sizing: border-box;
            -webkit-box-sizing:border-box;
            -moz-box-sizing: border-box;
            -ms-box-sizing: border-box;
            -o-box-sizing:border-box; 
        }
        .main_title img{vertical-align: middle;}
        .zm_form .zm_form_wrap{margin:0;}
        .zm_form .zm_form_wrap ul{border: solid 1px #dfceb6;border-radius: 5px;}
        .zm_form .zm_form_wrap ul li{padding:5px;border-bottom: solid 1px #dfceb6;}
        .zm_form .zm_form_wrap ul li .form_left{color: #d23037;}
        .zm_form .zm_form_wrap ul li .form_auto span i{border-color:#e61e26;}
        
        .innum {
            width: 100%;
            line-height:0.6rem;
            font-size: 0.32rem;
            text-align: center;
            margin: 0.2rem 0 0 0;
            color:#333;
        }
        .innum b {color: #d92d2d;}
        .cs_btn{
            background: #e61e26;
            margin: 10px 0;
            border-radius: 5px;
            box-shadow: 0 0 15px 0 #7a7a7a;
        }
        .cs_btn a{
            font-size: 18px;
            font-weight: bold;
            color: #fff;
            text-decoration: none;
        }
        .xmcs_list{margin-bottom:15px;}
        .xmcs_list:first-child{padding-top:0.3rem;}
        .xmcs_list img{vertical-align: middle;}
        .hot_cs{background-color:#FAEFEB;}
        
        video{
            width:100%;
            height:4rem;
            box-sizing: border-box;
            -webkit-box-sizing: border-box;
            -ms-box-sizing:border-box;
            -moz-box-sizing: border-box;
            -o-box-sizing:border-box;
        }

        /* 用户评价 */
        .user_feedback{overflow: hidden;background-color: #FAEFEB;box-shadow: -0.5px 0.5px 10px #707070;}
        .user_feedback_title{
            padding:10px 5px;
            background:linear-gradient(to right,rgb(140,41,18) 20%, rgb(218, 135, 12) 100%);
            background:-webkit-linear-gradient(to right,rgb(140,41,18) 20%, rgb(218, 135, 12) 100%);
            background:-moz-linear-gradient(to right,rgb(140,41,18) 20%, rgb(218, 135, 12) 100%);
            background:-o-linear-gradient(to right,rgb(140,41,18) 20%, rgb(218, 135, 12) 100%);
            background:-ms-linear-gradient(to right,rgb(140,41,18) 20%, rgb(218, 135, 12) 100%);
            color:#fff;text-align: center;font-family: '楷体';
        }
        .user_feedback .uf_top{padding-left: 15px;line-height: 34px;border-bottom:1px solid #e0e0e0;}
        .user_feedback .uf_ul_wrap{height:383px;margin:10px;overflow: hidden;border-top:1px solid #e6d2bd;}
        .user_feedback .uf_ul_wrap .uf_ul{position: relative;}
        .user_feedback .uf_ul_wrap .uf_ul li{padding:10px;border-bottom:1px dashed #e0e0e0;list-style: none;}
        .user_feedback .uf_ul_wrap .uf_ul li strong{color:#D23037;font-weight:400;}
        .user_feedback .uf_ul_wrap .uf_ul li p{margin-top:5px;}

        .tohistory{
            text-decoration: underline;
            font-size: 0.32rem;
            font-weight: normal;
            font-stretch: normal;
            line-height: 0.42rem;
            letter-spacing: 0rem;
            color: #d92d2d;
            display: block;
            text-align: center;
            margin-top: 0.1rem;
        }
    </style>

</head>
<body>
    <include file="Public/header"/>
    <div class="zm_banner">
        <if condition="$Think.cookie.channel eq bbhs">
            <img src="__PUBLIC__/images/xmcs_img/banner_fh.png" width="100%" />
            <else />
            <img src="__PUBLIC__/images/xmcs_img/banner.png" width="100%" />
        </if>
    </div>
    <div class="main_title" id="scrollT">
        <if condition="$Think.cookie.channel eq bbhs">
        <img src="__PUBLIC__/images/xmcs_img/img_jieshao_fh.png" alt="" width="100%">
        <else />
        <img src="__PUBLIC__/images/xmcs_img/img_jieshao.png" alt="" width="100%">
        </if>
    </div>
    <main>
        <section>
            <form id="_form" class="zm_form" action="<!--{:U('Xmcs/xmcs_zhifu','',false)}-->" method="post">
                <div class="zm_form_wrap">
                    <ul>
                        <li>
                            <div class="form_left">您的姓名</div>
                            <div class="form_auto">
                                <input type="text" class="bg_no" placeholder="请输入您的名字" maxlength="4" id="username" name="username"/>
                            </div>
                        </li>
                        <li>
                            <div class="form_left">您的性别</div>
                            <div class="form_auto">
                                <span class="on" id="but_man" data-value="1">
                                    <i></i>
                                    <font>男</font>
                                </span>
                                <span id="but_woman" data-value="0">
                                    <i></i>
                                    <font>女</font>
                                </span>
                                <input type="hidden" id="sex" name="gender" value="1"/>
                            </div>
                        </li>
                        <li>
                            <div class="form_left">出生日期</div>
                            <div class="form_auto">
                                <div type="text" class="Js_date" data-date="1985-04-18-7" id="datetime" data-id="birthday">请选择你的出生日期</div>
                                <input type="hidden" id="birthday" name="birthday"  value="" >
                            </div>
                        </li>
                    </ul>
                </div>
            </form>
            <div class="cs_btn"><a href="javascript:;" class="mg_btn">立即测算<span style="font-size:12px"> (并领取您的签名设计)</span></a></div>
            <div class="innum">目前已有<b><!--{$Think.cookie.xmcscs}--></b>人查看姓名测算分析</div>
            <a class="tohistory" href="<!--{:U('Index/mycesuan','',false)}-->">查看我的测算记录</a>
        </section>

        <if condition="$channel eq bbhs">
            <else />
            <section>
                <if condition="$Think.cookie.channel eq qudao138">
                    <else />
                    <div class="xmcs_list"><img src="__PUBLIC__/images/xmcs_img/img_qianming.png" alt="" width="100%" ></div>
                </if>
                <div class="xmcs_list"><img src="__PUBLIC__/images/xmcs_img/img_tupian1.png" alt="" width="100%" ></div>
                <div class="xmcs_list"><img src="__PUBLIC__/images/xmcs_img/img_tupian2.png" alt="" width="100%" ></div>
                <div class="xmcs_list"><img src="__PUBLIC__/images/xmcs_img/img_tupian3.png" alt="" width="100%" ></div>
                <div class="xmcs_list">
                    <img src="__PUBLIC__/images/xmcs_img/img_tupian4.png" alt="" width="100%" >
                    <img src="__PUBLIC__/images/xmcs_img/img_tupian5.png" alt="" width="100%" >
                </div>
                <div class="xmcs_list"><img src="__PUBLIC__/images/xmcs_img/img_tupian6.png" alt="" width="100%" ></div>
                <div class="xmcs_list">
                    <img src="__PUBLIC__/images/xmcs_img/img_tupian7.png" alt="" width="100%" >
                    <img src="__PUBLIC__/images/xmcs_img/img_tupian8.png" alt="" width="100%" >
                </div>
            </section>

            <!-- 视频 -->
            <video  controls="controls"  webkit-playsinline="true" playsinline="true" preload="true" airplay="allow"  x-webkit-airplay="true" loop="true"  playsinline="true"x5-video-player-type="h5"x5-video-player-fullscreen="true"  poster="__PUBLIC__/images/xmcs_img/video_bg.png" >
                您的浏览器不支持 video 标签。
                <source src="http://qiniu.ddznzj.com//media/180508/180508185526480.mp4" type="video/mp4">
            </video>
        </if>



        

        <!-- 用户评价 -->
    <!-- <div class="user_feedback">
            <div class="user_feedback_title">用户评价</div>
            <div class="uf_ul_wrap" id="feedbackScroll">
                <ul class="uf_ul">
                    <li>
                        <strong>何女士 180****6084</strong>
                        <p>结果对姓名讲解的很深入，有些地方不解的，找老师帮我解答了，老师很有耐心</p>
                    </li>
                    <li>
                        <strong>秦先生 186****5466</strong>
                        <p>以前以为名字好听就行了，听了老师的分析才知道命理因素更加重要</p>
                    </li>
                    <li>
                        <strong>李先生 138****9545</strong>
                        <p>替孩子算的，虽然分析说命中五行缺土，但是老师根据全局命理来对孩子名字做了补救，很感谢</p>
                    </li>
                    <li>
                        <strong>周女士 180****8654</strong>
                        <p>我是朋友介绍过来的，看了结果以后有许多问题，老师也很耐心的帮我一一解答了</p>
                    </li>
                    <li>
                        <strong>龙先生 188****2068</strong>
                        <p>从结果还是能学到很多命理知识的，命理确实是传统文化，需要大家有敬畏心</p>
                    </li>
                    <li>
                        <strong>任小姐 136****5647</strong>
                        <p>以前不知道原来名字还蕴藏了那么多东西，挺准的</p>
                    </li>
                    <li>
                        <strong>汪女士 139****0726</strong>
                        <p>孩子刚出生，帮孩子想了个名字，不知道这个名字适不适合，问了大师，说孩子缺金，不能用，很感谢大师给了取名的参考和建议</p>
                    </li>
                    <li>
                        <strong>范先生 132****8468</strong>
                        <p>以前觉得名字好听就行了，听了老师的分析才知道命理因素更加重要</p>
                    </li>
                </ul>
            </div>
        </div> -->
    </main>
    <!-- 提示收藏 -->
    <include file="Public/index_SC" />
    <!-- 热门测算 -->
    <div class="hot_cs">
        <include file="Public/zhiming" />
    </div>


    <!-- 脚 -->
    <footer class="footer_severs">
        <include file="Public/bottom-index" />
    </footer>
    <div class="fiex_bt" id="fiex">
        <a href="javascript:;">立即测算</a>
    </div>
    <script>
         var channel = "<!--{$Think.cookie.channel}-->";

         $.getJSON("https://hy.yixueqm.com/zhiming/index.php/Home-Interface-remain?typeName=XM&nickName=姓名测算&channel=<!--{$Think.cookie.channel}-->&uid=<!--{$Think.cookie.uid}-->",function(data){//留存统计
         });
         

        window.onload = function(){
            if(channel == 'bbhs'){document.body.style.backgroundColor = "#FFD8DD";}
        }
        //测算底部悬浮
        $(function(){
            var topShow=$(".cs_btn");
            if(topShow.length){
                var topShow=topShow.offset().top;
                var testBtn=$("#fiex");
                $(window).scroll(function(){
                    var wt=$(window).scrollTop();
                    wt>topShow?(testBtn.fadeIn(),$('.footer_severs').css('padding-bottom','1.2rem')):(testBtn.fadeOut(),$('.footer_severs').css('padding-bottom','0.4rem'));
                });
                // goTop
                $('#fiex').on('click',function(){$('html,body').animate({scrollTop:$('#scrollT')[0].offsetTop},500)});

                $.getJSON("<!--{:U('Index/indexXfan','',false)}-->",{csName:'XM'},function(data){//首页-悬浮按钮统计
                });
            }
        });

        $(".cs_btn").on('click',function(){
            $.getJSON("<!--{:U('Index/indexLjcs','',false)}-->",{csName:'XM'},function(data){//首页-立即测算统计
            });

            if($("[name='username']").val() == ""){
                layer.msg("请输入您的名字");
                return false;
            }
            var patrn= /[\u4E00-\u9FA5]/;
            if(!patrn.exec($("[name='username']").val())){
                console.log($("[name='username']").val())
                layer.msg("请输入中文名字");
                return false;
            }
            if($("[name='birthday']").val() == ""){
                layer.msg("请选择生时");
                return false;
            }
            var oli = layer.load();
            setTimeout(function(){
                layer.closeAll('loading');
                layer.msg('订单提交成功', {icon: 1});
                setTimeout(function(){
                    document.getElementById('_form').submit();
                },1300);
            },1000);
        });

        // // 服务轮播
        // $(function(){
        // var scrollTop=0;
        // var scrollUl=$('#feedbackScroll').children('ul');
        // function scrollTip(){
        //     var top=scrollUl.children('li').eq(0).outerHeight();
        //     if(Math.abs(scrollTop)==Math.abs(top)){
        //         scrollUl.children('li').eq(0).appendTo(scrollUl);
        //         scrollUl.css("top",0);
        //         scrollTop=0;
        //     }else{
        //         scrollTop--;
        //         scrollUl.css("top",scrollTop);
        //     }
        // }
        // setInterval(scrollTip,50);
        // });

        // 时间
        var calendar1 = new lCalendar().init('#datetime');//男
        // 选择按钮
        var obut_man = document.getElementById('but_man');
        var obut_woman = document.getElementById('but_woman');
        var osex = document.getElementById('sex');
            obut_man.onclick = function(){
                obut_man.classList.add("on");
                osex.value = 1;
                obut_woman.classList.remove('on');
            }
            obut_woman.onclick = function(){
                obut_woman.classList.add("on");
                osex.value = 0;
                obut_man.classList.remove('on');
            };

         var wxlogin='<!--{$Think.cookie.wxlogin}-->';
         if (wxlogin == 1) {
         wx.config({
             debug: false, // 开启调试模式,调用的所有api的返回值会在客户端alert出来，若要查看传入的参数，可以在pc端打开，参数信息会通过log打出，仅在pc端时才会打印。
             appId: '<!--{$appid}-->', // 必填，公众号的唯一标识
             timestamp: '<!--{$timestamp}-->', // 必填，生成签名的时间戳
             nonceStr: '<!--{$noncestr}-->', // 必填，生成签名的随机串
             signature: '<!--{$signature}-->',// 必填，签名，见附录1
             jsApiList: [
                 'checkJsApi',
                 'openLocation',
                 'getLocation',
                 'onMenuShareTimeline',
                 'onMenuShareAppMessage',
                 'scanQRCode'
             ] // 必填，需要使用的JS接口列表，所有JS接口列表见附录2
         });

         wx.ready(function () {
             // config信息验证后会执行ready方法，所有接口调用都必须在config接口获得结果之后，config是一个客户端的异步操作，所以如果需要在页面加载时就调用相关接口，
             // 则须把相关接口放在ready函数中调用来确保正确执行。对于用户触发时才调用的接口，则可以直接调用，不需要放在ready函数中。
//         alert('成功');
             wx.onMenuShareAppMessage({
                 title: '你的农历生日是哪天？注定你是个什么样的人！太准了', // 分享标题
                 desc: '国学大师精于起名学，独创“八字命局+五格数理+汉字文化”，是命理界的“福星”，先后为10万人和企业进行测名、起名、改名，得到了业界的一致好评', // 分享描述
                 link: '<!--{$Think.cookie.XMwxfxUrl}-->', // 分享链接，该链接域名或路径必须与当前页面对应的公众号JS安全域名一致
                 imgUrl: 'http://hy.yixueqm.com/zhiming/Public/images/public/12.png', // 分享图标  http://api.xbd61.com/hebazi/public/img/icon.png
                 type: '', // 分享类型,music、video或link，不填默认为link
                 dataUrl: '', // 如果type是music或video，则要提供数据链接，默认为空
                 success: function (res) {
                     // 用户确认分享后执行的回调函数
                 },
                 cancel: function () {
                     // 用户取消分享后执行的回调函数
                 }
             });

             wx.onMenuShareTimeline({
                 title: '你的农历生日是哪天？注定你是个什么样的人！太准了', // 分享标题
                 desc: '国学大师精于起名学，独创“八字命局+五格数理+汉字文化”，是命理界的“福星”，先后为10万人和企业进行测名、起名、改名，得到了业界的一致好评', // 分享描述
                 link: '<!--{$Think.cookie.XMwxfxUrl}-->', // 分享链接，该链接域名或路径必须与当前页面对应的公众号JS安全域名一致
                 imgUrl: 'http://hy.yixueqm.com/zhiming/Public/images/public/12.png', // 分享图标  http://api.xbd61.com/hebazi/public/img/icon.png
                 type: '', // 分享类型,music、video或link，不填默认为link
                 dataUrl: '', // 如果type是music或video，则要提供数据链接，默认为空
                 success: function (res) {
                     // 用户确认分享后执行的回调函数
                 }

             });

             wx.onMenuShareQQ({
                 title: '你的农历生日是哪天？注定你是个什么样的人！太准了', // 分享标题
                 desc: '国学大师精于起名学，独创“八字命局+五格数理+汉字文化”，是命理界的“福星”，先后为10万人和企业进行测名、起名、改名，得到了业界的一致好评', // 分享描述
                 link: '<!--{$Think.cookie.XMwxfxUrl}-->', // 分享链接，该链接域名或路径必须与当前页面对应的公众号JS安全域名一致
                 imgUrl: 'http://hy.yixueqm.com/zhiming/Public/images/public/12.png', // 分享图标  http://api.xbd61.com/hebazi/public/img/icon.png
                 type: '', // 分享类型,music、video或link，不填默认为link
                 dataUrl: '', // 如果type是music或video，则要提供数据链接，默认为空
                 success: function (res) {
                     // 用户确认分享后执行的回调函数
                 }
             });

             wx.onMenuShareQZone({
                 title: '你的农历生日是哪天？注定你是个什么样的人！太准了', // 分享标题
                 desc: '国学大师精于起名学，独创“八字命局+五格数理+汉字文化”，是命理界的“福星”，先后为10万人和企业进行测名、起名、改名，得到了业界的一致好评', // 分享描述
                 link: '<!--{$Think.cookie.XMwxfxUrl}-->', // 分享链接，该链接域名或路径必须与当前页面对应的公众号JS安全域名一致
                 imgUrl: 'http://hy.yixueqm.com/zhiming/Public/images/public/12.png', // 分享图标  http://api.xbd61.com/hebazi/public/img/icon.png
                 type: '', // 分享类型,music、video或link，不填默认为link
                 dataUrl: '', // 如果type是music或video，则要提供数据链接，默认为空
                 success: function (res) {
                     // 用户确认分享后执行的回调函数
                 }
             });

             wx.onMenuShareWeibo({
                 title: '你的农历生日是哪天？注定你是个什么样的人！太准了', // 分享标题
                 desc: '国学大师精于起名学，独创“八字命局+五格数理+汉字文化”，是命理界的“福星”，先后为10万人和企业进行测名、起名、改名，得到了业界的一致好评', // 分享描述
                 link: '<!--{$Think.cookie.XMwxfxUrl}-->', // 分享链接，该链接域名或路径必须与当前页面对应的公众号JS安全域名一致
                 imgUrl: 'http://hy.yixueqm.com/zhiming/Public/images/public/12.png', // 分享图标  http://api.xbd61.com/hebazi/public/img/icon.png
                 type: '', // 分享类型,music、video或link，不填默认为link
                 dataUrl: '', // 如果type是music或video，则要提供数据链接，默认为空
                 success: function (res) {
                     // 用户确认分享后执行的回调函数
                 }
             });

             wx.error(function (res) {
                 // config信息验证失败会执行error函数，如签名过期导致验证失败，具体错误信息可以打开config的debug模式查看，也可以在返回的res参数中查看，对于SPA可以在这里更新签名
//         alert('失败');
             });
         });
         }

    </script>
</body>
</html>